<template>
    <div class="page-wrapper footer">
        <div class="page-content" style="background:none;" >
            <div class="footer-container">
                <div class="footer-content">
                    <!--  -->
                    <div>
                        <div style="margin-bottom:60px;"><img :src="logoImg" style="width:180px;" /></div>
                        <div style="margin-bottom:20px;">
                            <div>服务热线</div>
                            <div style="color:#fff; font-size:24px; line-height:46px; ">0752-2605 509</div>
                        </div>
                        <div style="line-height:32px;">
                            <span>电话：</span>
                            <span style="color:#fff; font-weight:bold;">134 1313 1313</span>
                        </div>
                        <div style="line-height:32px;">广东·惠州仲恺高新区·恺众智汇园5楼509</div>
                    </div>
                    <!-- 导航区 -->
                    <div
                        v-for="(item, index) in menuData"
                        :key="index"                    
                    >
                        <div style="font-size:16px; line-height:22px; font-weight:bold; color:#fff; margin-bottom:40px; ">{{ item.title }}</div>
                        <div>
                            <div
                                v-for="(sub, j) in item.children"
                                :key="index-j"
                                style="line-height:36px;"
                            >
                                {{ sub.title }}
                            </div>
                        </div>
                    </div>
                    <!-- 公众号 -->
                    <div>
                        <div><img :src="codeImg" /></div>
                        <div style="line-height:18px;">关注华翊智能微信公众号</div>
                    </div>
                </div>
                <!--  -->
                <div style="height:60px; line-height:60px; border-top:1px solid #2B303B;">广东华翊智能科技有限公司   粤CP备DS5123</div>
            </div>
            
        </div>
    </div>
</template>
<script setup>
    import logoImg from '../../../public/logo_white.png';
    import codeImg from '../../../public/code.png';
    const menuData = [
        { title:'首页', children:[{ title:'iFMCS 介绍'}, { title:'小易 Ai'}, { title:'案例'}, { title:'资讯' }]},
        { title:'产品中心', children:[{ title:'应用产品'}, { title:'服务产品'}, { title:'服务产品'}, { title:'硬件产品' }]},
        { title:'成功案例', children:[{ title:'能源案例'}, { title:'能源案例'}, { title:'环境案例'}, { title:'运维案例' }]},
        { title:'生态合作', children:[{ title:'合作方式'}, { title:'合作优势'}, { title:'合作优势'}]},
        { title:'开放平台', children:[{ title:'应用接入'}, { title:'服务接入'}, { title:'算法接入'}, { title:'硬件接入' }]},
        { title:'关于我们', children:[{ title:'公司简介'}, { title:'发展历程'}, { title:'公司资讯'}, { title:'联系方式' }]},
    ]
</script>
<style scoped>
    @import url('./footer.css');
    .footer {
        height:386px;
        background:#0E121B;
    }
    .footer-container {
        padding:50px 20px 0 20px;
        color:#99A0AE;
    }
    .footer-content {
        height:275px;
        display:flex;
        justify-content: space-between;
        align-items: flex-start;
        font-size:14px;
    }
</style>

